@import '../../../assets/css/CommonStyle.scss';
#Patient-PatientInfo {
  overflow: hidden;
  padding: 0 m-w(30);
  .patientTitle {
    padding: 0;
    font-size: m-w(46);
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: m-w(65);
    margin: m-w(40) 0 0 0;
  }
  .infoName {
    padding-top: m-h(80);
    position: relative;
    .tips {
      font-size: m-w(22);
      color: #429cff;
      position: absolute;
      left: 0;
      top: m-h(60);
      z-index: 0;
      opacity: 0;
      transition: top 300ms, z-index 300ms, opacity 300ms;
    }
    .showTips {
      top: m-h(30);
      z-index: 1;
      opacity: 1;
    }
    .name {
      padding-left: 0;
    }
  }
  .color {
    color: #429cff;
  }

  .am-list-item {
    border-bottom: 1px solid #e8e8e8;
    padding: 0;
  }
  .birthDate {
    margin-top: m-w(40);
    font-size: m-w(34);
    padding-bottom: m-w(10);
    .am-list-content,
    .am-list-extra {
      padding-bottom: 0;
    }
    .am-list-extra {
      color: #429cff;
      float: right;
    }
  }
  .calendar {
    width: m-w(30);
    height: m-w(30);
    margin-left: m-w(10);
    margin-bottom: m-w(6);
  }
  .sexChoose {
    margin-top: m-w(72);
  }
  .imgArea {
    display: flex;
    & > div {
      position: relative;
    }
    img {
      width: m-w(160);
      height: m-w(160);
      margin-right: m-w(160);
    }
    p {
      width: m-w(160);
      margin-right: m-w(160);
      margin-top: m-w(20);
      text-align: center;
      margin-left: m-w(3);
    }
    .choose {
      left: m-w(65);
      top: m-w(137);
      position: absolute;
      width: m-w(34);
      height: m-w(34);
    }
  }
  .nextStep {
    width: m-w(690);
    height: m-w(80);
    line-height: m-w(80);
    background: #429cff;
    color: #fff;
    margin-top: m-w(143);
    border: none;
    box-shadow: none;
    font-size: m-w(34);
  }
  .patient-date {
    border-bottom: 1px solid #ddd;
    padding-top: m-h(120);
    padding-bottom: m-h(16);
    & > div {
      display: inline-block;
      font-size: m-w(34);
      img {
        width: m-w(34);
        margin-left: m-w(14);
        vertical-align: middle;
      }
    }
    & > span {
      float: right;
      font-size: m-w(34);
      padding-right: m-w(15);
    }
  }
}
